th.group {
  width: 28%;
  @media (min-width: $viewport-xl) {
    min-width: 32%;
  }
}

.percent {
  width: 24%;
}

.missing-data {
  background-color: $color-error-light;
  a {
    color: black;
  }
  span {
    line-height: 1.5;
  }
}

td.missing-data {
  text-align: left;
  padding-left: spacer(24);
  padding-right: spacer(24);
}

th.missing-data {
  img {
    max-width: spacer(24);
    margin-right: spacer(8);
  }
  span {
    display: inline-flex;
  }
}

.symbol-spacer {
  display: inline-block;
  width: 3rem;
  margin-left: spacer(8);
  text-align: left;
}
